<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>晋江人资</title>
    <meta name="renderer" content="webkit">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <link rel="stylesheet" href="/static/index/css/element-plus.min.css">
    <script src="/static/common/js/vue.min.js"></script>
    <script src="/static/index/js/element-plus.min.js"></script>
    <script src="/static/index/js/element-plus-icons.min.js"></script>
    <script src="/static/common/js/axios.min.js"></script>
    <script>
        const baseUrl = "{:url('/')}";
    </script>
</head>
<body>
<div id="app">
    <el-container style="height: 100%;">
        <el-aside class="sidebar-container" width="200px">
            <div class="aside-title">后台管理系统
            </div>
            <el-scrollbar>
                <el-menu
                        default-active="1"
                        :collapse="isCollapse"
                        background-color="#304150"
                        text-color="#bfcbd9"
                        active-text-color="#409eff"
                        mode="vertical"
                >
                    <el-menu-item index="1">
                        <el-icon>
                            <home-filled></home-filled>
                        </el-icon>
                        <span>首页</span>
                    </el-menu-item>
                    <el-sub-menu index="2">
                        <template #title>
                            <el-icon>
                                <user-filled></user-filled>
                            </el-icon>
                            <span>用户管理</span>
                        </template>
                        <el-menu-item index="2-1">
                            <item icon="home" title="用户1" ></item>
                        </el-menu-item>

                        <el-menu-item index="2-1">
                            <item icon="home" title="用户1" ></item>
                        </el-menu-item>
                    </el-sub-menu>
                </el-menu>
            </el-scrollbar>

        </el-aside>
        <el-container>
            <el-header>Header</el-header>
            <el-main>Main</el-main>
        </el-container>
    </el-container>
</div>

<script>
    const vue3 = {
        setup() {
            return v_setup();
        }
    };

    function v_setup() {
        const {ref} = Vue;
        const {ElMessage} = ElementPlus;
        const base = {};

        return base;
    }

    const {createApp} = Vue;
    const app = createApp(vue3);
    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
        app.component(key, component);
    }
    app.use(ElementPlus)
    app.mount('#app');
</script>
<script>
</script>
</body>
</html>